<div class="line-two">
    <div class="txt-contest">Contest Pics</div>
    <div class="back">
        <a href="#" class="btn-back" title="">Back</a> 
        <a href="#" title="" class="upload">Upload Picture</a>
    </div>
    <div class="clearfix"></div>
</div>

<!-- BEGIN FORM UPLOAD-->
<div id="pop-up-upload">
    <!-- The file upload form used as target for the file upload widget -->
    <form id="fileupload" action="//jquery-file-upload.appspot.com/" method="POST" enctype="multipart/form-data">
    <div class="stt-normal bg-color-black"></div>
    <div class="form-upload">
        <div class="top-upload"><h5 class="icon-upload">Upload Picture</h5></div>
        <div class="mid-upload">
            <div class="border">
                <div class="bg-upload">
                    <p>Drag n' Drop your Photos </p>
                    <!-- Redirect browsers with JavaScript disabled to the origin page -->
                    <noscript><input type="hidden" name="redirect" value="http://blueimp.github.com/jQuery-File-Upload/"></noscript>
                    <!-- The table listing the files available for upload/download -->
                    <table role="presentation" class="table table-striped" style="width:50%"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
                </div>
            </div>
            <p class="note"><span class="icon-note"></span>Select multiple photos by holding SHIFT or CONTROL as you click.</p>                            
        </div>
        <div class="bot-upload">
            <div id='file_browse_wrapper' class="btn btn-success fileinput-button"><input type="file" id="file_browse" name="files[]" multiple/></div>
            <div class="btn-done"><input type="button" value="" class="done"/></div>
        </div>
    </div>
    </form>
</div>  
<!-- END FORM UPLOAD-->

<ul class="list-ambul">
    <?php foreach ($this->listImage as $image) :?>
    <li>                                
        <div class="img-thumb"><a href="#" title=""><img src="<?php echo $this->baseUrl('/images/users/'. $this->userId .'/'. $image)?>" alt=""/></a></div>
    </li>
    <?php endforeach;?>
</ul>
<!-- The template to display files available for upload -->
<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td>
            <span class="preview"></span>
        </td>
        <td>
            {% if (!o.files.error && !i && !o.options.autoUpload) { %}
                <button class="btn btn-primary start">
                    <i class="icon-upload icon-white"></i>
                    <span>Start</span>
                </button>
            {% } %}
        </td>
    </tr>
{% } %}
</script>
<!-- The template to display files available for download -->
<script id="template-download" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-download fade">
        <td>
            <span class="preview">
                {% if (file.thumbnail_url) { %}
                    <a href="{%=file.url%}" title="{%=file.name%}" class="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
                {% } %}
            </span>
        </td>
        <td>
            <button class="btn btn-danger delete" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"{% if (file.delete_with_credentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
                <i class="icon-trash icon-white"></i>
                <span>Delete</span>
            </button>
        </td>
    </tr>
{% } %}
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
<script src="<?php echo $this->baseUrl()?>/js/upload/vendor/jquery.ui.widget.js"></script>
<!-- The Templates plugin is included to render the upload/download listings -->
<script src="http://blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="http://blueimp.github.io/JavaScript-Load-Image/js/load-image.min.js"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="http://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
<script src="http://blueimp.github.io/cdn/js/bootstrap.min.js"></script>
<!-- blueimp Gallery script -->
<script src="http://blueimp.github.io/Gallery/js/blueimp-gallery.min.js"></script>
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
<script src="<?php echo $this->baseUrl()?>/js/upload/jquery.iframe-transport.js"></script>
<!-- The basic File Upload plugin -->
<script src="<?php echo $this->baseUrl()?>/js/upload/jquery.fileupload.js"></script>
<!-- The File Upload processing plugin -->
<script src="<?php echo $this->baseUrl()?>/js/upload/jquery.fileupload-process.js"></script>
<!-- The File Upload image preview & resize plugin -->
<script src="<?php echo $this->baseUrl()?>/js/upload/jquery.fileupload-image.js"></script>
<!-- The File Upload audio preview plugin -->
<script src="<?php echo $this->baseUrl()?>/js/upload/jquery.fileupload-audio.js"></script>
<!-- The File Upload video preview plugin -->
<script src="<?php echo $this->baseUrl()?>/js/upload/jquery.fileupload-video.js"></script>
<!-- The File Upload validation plugin -->
<script src="<?php echo $this->baseUrl()?>/js/upload/jquery.fileupload-validate.js"></script>
<!-- The File Upload user interface plugin -->
<script src="<?php echo $this->baseUrl()?>/js/upload/jquery.fileupload-ui.js"></script>
<!-- The main application script -->
<script src="<?php echo $this->baseUrl()?>/js/upload/main.js"></script>
<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE8+ -->
<!--[if gte IE 8]>
<script src="js/cors/jquery.xdr-transport.js"></script>
<![endif]-->              